{include file="common/head"/}
<script>
    $(document).ready(function() {
        //Camera Jquery
        $('#camera-slide').camera({
            thumbnails: false,
            hover: false,
            pagination: false,
        });
    });
</script>
<!-- slideshow start here -->
<section id="slideshow-wrapper">
    <div class="camera_wrap" id="camera-slide">
        <!-- slide 1 here -->
        {volist name="adList" id="vo" key="i"}
        {if condition='$i eq 1'}
        <div data-src="__HOME__/images/slideshow/bg-slide1.jpg">
            <div class="caption-type1 moveFromLeft">
                <h1>{$vo.name}</h1>
                <p>{$vo.content}</p>
                <a href="{$vo.url}/admin" target="_blank" title="mishangfeng演示站点" class="button-slide medium gray">演示站点</a>
            </div>
            <div class="caption-type1 moveFromRight">
                <img src="__HOME__/images/slideshow/slide1.png" alt="{$vo.name}" />
            </div>
        </div>
        {elseif condition='$i eq 2'}
        <!-- slide 2 here -->
        <div data-src="__HOME__/images/slideshow/bg-slide2.jpg">
            <div class="caption-type2 moveFromTop">
                <h1>{$vo.name}</h1>
                <p>{$vo.content}</p>
            </div>
            <div class="caption-type2 moveFromBottom">
                <img src="__HOME__/images/slideshow/slide2.png" alt="{$vo.name}" />
            </div>
        </div>
        {else /}
        <!-- slide 3 here -->
        <div data-src="__HOME__/images/slideshow/bg-slide3.jpg">
            <div class="caption-type3 moveFromLeft">
                <img src="__HOME__/images/slideshow/slide3.png" alt="{$vo.name}" />
            </div>
            <div class="caption-type3 moveFromRight">
                <h1>{$vo.name}</h1>
                <p>{$vo.content}</p>
                <!--<img src="__HOME__/images/slideshow/slide3a.png" alt="" class="html-badge" />-->
            </div>
        </div>
        {/if}
        {/volist}
    </div>
    <div id="slideshow-noscript"><h4>你准备好与mishangfeng共同搭建您的网络平台了吗？</h4></div>
</section>
<!-- slideshow end here --> 
<div class="copyrights">Collect from <a href="http://www.mishangfeng.com/"  title="mishangfeng内容管理系统">mishangfeng内容管理系统</a></div>
<!-- featured client start here -->
<section id="featured-wrapper">
    <div id="featured-logo-list">
        <div class="row">
            <div class="two columns mobile-two mobile-view">
                <h6 class="featured-client">第三方资源 :</h6>
            </div>
            <div class="two columns mobile-two mobile-view">
                <img src="__HOME__/images/sample-images/client1.png" alt="layui" />
            </div>
            <div class="two columns mobile-two mobile-view">
                <img src="__HOME__/images/sample-images/client2.png" alt="thinkphp" />
            </div>
            <div class="two columns mobile-two mobile-view">
                <img src="__HOME__/images/sample-images/client3.png" alt="angularjs" />
            </div>
            <div class="two columns mobile-two mobile-view">
                <img src="__HOME__/images/sample-images/client4.png" alt="jquery" />
            </div>
            <div class="two columns mobile-two mobile-view">
                <img src="__HOME__/images/sample-images/client5.png" alt="ztree" />
            </div>
        </div>
    </div>
</section>
<!-- featured client end here -->

<!-- maincontent start here -->
<section id="content-wrapper">
    <div class="row">
        {volist name="list" id="vo"}
        <div class="three columns mobile-two">
            <h5><a style="{$vo['title_color']};{$vo['title_weight']}" href="{:url('home/'.$vo['controller'].'/info',array('id'=>$vo['id'],'catId'=>$vo['catid']))}" title="{$vo.title}">{:str_cut($vo.title,12,'...')}</a></h5>
            <div class="link-url">
                <a href="{:url('home/news/info',array('id'=>$vo['id'],'catId'=>$vo['catid']))}" target="_blank" title="{$vo.title}">
                    <img src="{$vo['title_thumb']}" alt="{$vo.title}" class="fade" />
                </a>
            </div>
        </div>
        {/volist}
    </div>
    <div id="featured-wrapper2">
        <div class="row front-feature-icon">
            <div class="four columns mobile-one">
                <img src="__HOME__/images/sample-images/front-icon1.png" alt="我们的差异化" class="img-center" />
                <h5>我们的差异化</h5>
                <p>mishangfeng内容管理系统给您自由的模型构建权利，让您的想法通过您亲自操作实现。不要再为传统的数据库字段限制而发愁。一步删除，一步增加，您想要的，就是这一步。</p>
            </div>
            <div class="four columns mobile-one">
                <img src="__HOME__/images/sample-images/front-icon2.png" alt="完整的建站理念" class="img-center" />
                <h5>完整的建站理念</h5>
                <p>mishangfeng可以轻松构建模型，让数据库随心而动，让内容表单随意而变。模型和栏目的绑定，是为了让前台页面能更好的为您的想法服务，让您不再为建站留下遗憾。</p>
            </div>
            <div class="four columns mobile-one">
                <img src="__HOME__/images/sample-images/front-icon3.png" alt="简单、高效、低门槛" class="img-center" />
                <h5>简单、高效、低门槛</h5>
                <p>mishangfeng内容管理系统，全程鼠标操作，不用手动建立数据库，不用画网站结构图，也不用打开代码编译器。模版编辑，再高效建站的同时，让网站建设达到前所未有的极致简单。</p>
            </div>
        </div>
    </div>
    
    <div class="row">
        <div class="twelve columns">
            <div class="featured-box">
                <div class="nine columns">
                    <h5>你准备好与mishangfeng共同打造您的网络平台了吗？</h5>
                    <p>mishangfeng建站系统免费下载，只有您的支持，才能使得我们在开源的世界里走的更好！</p>
                </div>
                <div class="three columns">
                    <a href="http://o95ehky7c.bkt.clouddn.com/mishangfeng4.5.zip" class="button medium gray arrow-icon" rel="nofollow" title="{$sys.title}">点击下载</a>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</section>
<!-- maincontent end here -->
{include file="common/footer"/}